<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>云朵网络科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="云朵网络科技有限公司">
    <meta name="author" content="446705260@qq.com">
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/themes/default.css"
          id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/responsive.css">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]>
    <script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <link href="${CONTEXT_PATH}/_back/CloudAdmin/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- ANIMATE -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/animatecss/animate.min.css"/>
    <!-- DATE RANGE PICKER -->
    <link rel="stylesheet" type="text/css"
          href="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/daterangepicker-bs3.css"/>
    <!-- TODO -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-todo/css/styles.css"/>
    <!-- FULL CALENDAR -->
    <link rel="stylesheet" type="text/css"
          href="${CONTEXT_PATH}/_back/CloudAdmin/js/fullcalendar/fullcalendar.min.css"/>
    <!-- GRITTER -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/js/gritter/css/jquery.gritter.css"/>
    <!-- FONTS -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- HEADER -->
<header class="navbar clearfix" id="header">
    <div class="container">
        <div class="navbar-brand">
            <!-- COMPANY LOGO -->
            <a href="index.html">
                <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/logo/logo.png" alt="Cloud Admin Logo"
                     class="img-responsive" height="30" width="120">
            </a>
            <!-- /COMPANY LOGO -->

            <!-- SIDEBAR COLLAPSE -->
            <div id="sidebar-collapse" class="sidebar-collapse btn">
                <i class="fa fa-bars"
                   data-icon1="fa fa-bars"
                   data-icon2="fa fa-bars"></i>
            </div>
            <!-- /SIDEBAR COLLAPSE -->
        </div>
        <!-- NAVBAR LEFT -->
        <ul class="nav navbar-nav pull-left hidden-xs" id="navbar-left">

            <li class="dropdown">
                <ul class="dropdown-menu skins">
                    <li class="dropdown-title">
                        <span><i class="fa fa-leaf"></i>主题风格</span>
                    </li>
                    <li><a href="#" data-skin="default">默认</a></li>
                    <li><a href="#" data-skin="night">夜间</a></li>
                    <li><a href="#" data-skin="earth">星球</a></li>
                    <li><a href="#" data-skin="utopia">Utopia</a></li>
                    <li><a href="#" data-skin="nature">自然</a></li>
                    <li><a href="#" data-skin="graphite">Graphite</a></li>
                </ul>
            </li>
        </ul>
        <!-- /NAVBAR LEFT -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <ul class="nav navbar-nav pull-right">


            <li class="dropdown user" id="header-user" style="float: right">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img alt="" src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar3.jpg"/>
                    <span class="username">程智超</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="fa fa-user"></i> 个人中心</a></li>
                    <li><a href="#"><i class="fa fa-cog"></i> 账号设置</a></li>
                    <li><a href="#"><i class="fa fa-eye"></i> 资料设置</a></li>
                    <li><a href="${CONTEXT_PATH}/login"><i class="fa fa-power-off"></i> 注销</a></li>
                </ul>
            </li>
            <!-- END USER LOGIN DROPDOWN -->
        </ul>
        <!-- END TOP NAVIGATION MENU -->
    </div>

</header>
<!--/HEADER -->
<div class="copyrights">CopyRight<a href="http://www.0713jc.com/">红安云朵科技网络有限公司</a></div>
<!-- PAGE -->
<section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
        <div class="sidebar-menu nav-collapse">
            <div class="divide-20"></div>
            <!-- SEARCH BAR -->
            <div id="search-bar">
                <input class="search" type="text" placeholder="Search"><i class="fa fa-search search-icon"></i>
            </div>
            <!-- /SEARCH BAR -->

            <!-- SIDEBAR QUICK-LAUNCH -->
            <!-- <div id="quicklaunch">
            <!-- /SIDEBAR QUICK-LAUNCH -->

            <!-- SIDEBAR MENU -->
            <ul>
                <li class="active">
                    <a href="${CONTEXT_PATH}">
                        <i class="fa fa-tachometer fa-fw"></i> <span class="menu-text">通览</span>
                        <span class="selected"></span>
                    </a>
                </li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-bookmark-o fa-fw"></i> <span class="menu-text">系统设置</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="javascript:;"><span
                                class="sub-menu-text">接入设置</span></a></li>
                        <li><a class="" href="javascript:;"><span
                                class="sub-menu-text">问候设置</span></a></li>
                    </ul>
                </li>

                <li class="sub">
                    <a data-url="${CONTEXT_PATH}/user" class="menulink">
                        <i class="fa fa-bookmark-o fa-fw"></i>
                        <span class="menu-text">用户管理</span>
                    </a>
                </li>

                <li class="sub">
                    <a data-url="${CONTEXT_PATH}/menu?menuid=1"  class="menulink">
                        <i class="fa fa-bookmark-o fa-fw"></i>
                        <span class="menu-text">菜单管理</span>
                    </a>
                </li>

                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-bookmark-o fa-fw"></i> <span class="menu-text">活动管理</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="javascript:;"><span
                                class="sub-menu-text">发红包</span></a></li>
                        <li><a class="" href="javascript:;"><span
                                class="sub-menu-text">砍价</span></a></li>
                        <li><a class="" href="javascript:;"><span
                                class="sub-menu-text">投票</span></a></li>
                    </ul>
                </li>
            </ul>
            <!-- /SIDEBAR MENU -->
        </div>
    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
        <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Box Settings</h4>
                    </div>
                    <div class="modal-body">
                        Here goes box setting content.
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">保存修改</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="container">
            <div class="row">
                <div id="content" class="col-lg-12">
                    <iframe src="/user" frameborder="0" height="100%" width="100%"
                            id="mainFrame" name="mainFrame"
                            style="background-image: url(http://mayn.com.cn/images/loading.gif);
                                 background-repeat: no-repeat;  background-position: center;"></iframe>

                </div><!-- /CONTENT-->
            </div>
        </div>
    </div>
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->


<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery/jquery-2.0.3.min.js"></script>
<!-- JQUERY UI-->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<!-- BOOTSTRAP -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/bootstrap-dist/js/bootstrap.min.js"></script>


<!-- DATE RANGE PICKER -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/moment.min.js"></script>

<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
<!-- SPARKLINES -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/sparklines/jquery.sparkline.min.js"></script>
<!-- EASY PIE CHART -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-easing/jquery.easing.min.js"></script>
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/easypiechart/jquery.easypiechart.min.js"></script>

<!-- TODO -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-todo/js/paddystodolist.js"></script>
<!-- TIMEAGO -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/timeago/jquery.timeago.min.js"></script>
<!-- FULL CALENDAR -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/fullcalendar/fullcalendar.min.js"></script>
<!-- COOKIE -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-Cookie/jquery.cookie.min.js"></script>
<!-- GRITTER -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/gritter/js/jquery.gritter.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/script.js"></script>
<script>
    jQuery(document).ready(function () {
        App.setPage("index");  //Set current page
        App.init(); //Initialise plugins and elements
        var wdheight = $(window).height();
        var topheight = $("#header").height();
        $("#mainFrame").height(wdheight-topheight);
        //czc定义右侧内容变更
        $(".menulink").click(function(){
            alert($(this).attr("data-url"));
            $("#mainFrame").attr("src",$(this).attr("data-url"));
        });
    });


</script>
<!-- /JAVASCRIPTS -->
</body>
</html>